<template>
  <el-pagination background v-model:currentPage="pageInfo.currentPage" :page-sizes="[5, 10, 15]"
    :page-size="pageInfo.pageSize" layout="total, sizes, prev, pager, next" :total="pageInfo.total"
    @size-change="handleSizeChange" @current-change="handleCurrentChange" />
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
const { pageInfo, handleSizeChange, handleCurrentChange }
  = defineProps(['pageInfo', 'handleSizeChange', 'handleCurrentChange'])
</script>